import { StyleSheet } from "react-native";

const styles = StyleSheet.create({
  headerRightAction: {
    flexDirection: "row",
    justifyContent: "space-between",
  },
  headerRightText: {
    fontSize: 16,
  },
  offlineText: {
    color: "#ff3b30",
  },

  //region 设备管理页样式
  container: {
    flex: 1,
    backgroundColor: "#f9f9f9",
  },
  clearButton: {
    marginBottom: 12,
    padding: 10,
    backgroundColor: "#ffcc00",
    borderRadius: 10,
    alignItems: "center",
  },
  rightActionContainer: {
    justifyContent: "center",
    alignItems: "flex-end", // 靠右显示
  },
  clearText: {
    fontWeight: "bold",
    color: "#333",
  },
  deviceCard: {
    padding: 15,
    backgroundColor: "#fff",
    shadowColor: "#000",
    shadowOpacity: 0.05,
  },
  deviceRow: {
    flexDirection: "row",
    alignItems: "center",
  },
  deviceName: {
    fontSize: 16,
    fontWeight: "600",
    color: "#333",
  },
  deviceType: {
    fontSize: 14,
    color: "#999",
  },
  currentTag: {
    fontSize: 14,
    color: "#999",
  },
  deviceTime: {
    fontSize: 13,
    color: "#666",
    marginTop: 2,
  },
  deleteButton: {
    height: "100%",
    paddingHorizontal: 16,
    backgroundColor: "#ff3b30",
    flexDirection: "row",
    justifyContent: "center",
    alignItems: "center",
    marginVertical: 5,
  },
  //endregion
});

export default styles;
